<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        .left,
        .right {
            width: 300px;
            height: 120px;
        }

        .left div,
        .right div {
            width: 100px;
            height: 90px;
            padding: 5px;
            margin: 5px;
            float: left;
            border: 1px solid #ccc;
        }

        .newClass{
            background: #bbffaa;
        }


        .c {
            background: #ebebeb;
            color: #000;
        }

    </style>
    <script src="lib/jq.js"></script>
</head>

<body>
<!--<h2>.addClss()方法</h2>-->
<!--<div class="left">-->
    <!--<div class="aaron">-->
        <!--<p>newClass</p>-->
    <!--</div>-->
    <!--<div class="aaron">-->
        <!--<p>newClass</p>-->
    <!--</div>-->
<!--</div>-->
<!--<div class="right newClass">-->
    <!--<div class="aa bb">-->
        <!--<article>-->
            <!--<p>rimi</p>-->
        <!--</article>-->
    <!--</div>-->
    <!--<div class="bb cc ">-->
        <!--<article>-->
            <!--<p>rimi</p>-->
        <!--</article>-->
    <!--</div>-->
<!--</div><h2>.addClss()方法</h2>-->
<!--<div class="left">-->
    <!--<div class="aaron">-->
        <!--<p>newClass</p>-->
    <!--</div>-->
    <!--<div class="aaron">-->
        <!--<p>newClass</p>-->
    <!--</div>-->
<!--</div>-->
<!--<div class="right newClass">-->
    <!--<div class="aa bb">-->
        <!--<article>-->
            <!--<p>rimi</p>-->
        <!--</article>-->
    <!--</div>-->
    <!--<div class="bb cc ">-->
        <!--<article>-->
            <!--<p>rimi</p>-->
        <!--</article>-->
    <!--</div>-->
<!--</div>-->

<script type="text/javascript">
    //1. addclass 可以给元素增加class
    //$('.left div').addClass('newClass');
    //1. removeclass 删除样式
    // $('div').removeClass('newClass');
</script>


<table id="table" width="50%" border="0" cellpadding="3" cellspacing="1">
    <tr>
        <td>rimi</td>
        <td>rimi</td>
    </tr>
    <tr>
        <td>rimi</td>
        <td>rimi</td>
    </tr>
    <tr>
        <td>rimi</td>
        <td>rimi</td>
    </tr>
    <tr>
        <td>rimi</td>
        <td>rimi</td>
    </tr>
    <tr>
        <td>rimi</td>
        <td>rimi</td>
    </tr>
</table>
</div>
<script type="text/javascript">
    //toggle
    // $("#table tr").toggleClass("c");
    //给所有的偶数tr元素切换class="c"的样式
    //所有基数的样式保留，偶数的被删除
    // $("#table tr:odd").toggleClass("c");
    // $('#table tr:even').addClass('c');
</script>

async def req1():
    await pass

async def req2():
    pass

</body>

</html>